<template>
  <div>child1组件 - {{ count }}</div>
</template>

<script>
export default {
  // this.$store表示整个仓库实例
  // this.$store.state.count表示仓库实例的数据
  // mounted() {
  //   console.log(this.$store.state.count);
  // },

  // 不要使用data来接收仓库数据，没有响应式的
  // data() {
  //   return {
  //     count: this.$store.state.count,
  //   };
  // },

  // 组件想使用仓库数据，只能使用计算属性来接收，这样才有响应式
  computed: {
    count() {
      return this.$store.state.count;
    },
  },
};
</script>
